<template>
  <div class="app-option" :active="active">
    <div @click="optionClick">
      {{ label }}
    </div>
  </div>
</template>
<script>
export default {
  data () { return { active: false } },
  props: { label: String, value: [String, Number] },
  methods: {
    optionClick () {
      const option = { value: this.value, label: this.label }
      this.$emit('optionClickHandler', option)
    }
  }
}
</script>
